<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>服务类型</title>
  <link rel="stylesheet" href="../css/Css_LL/ServiceCss.css">
  <link rel="stylesheet" href="../css/Css_LL/iconfont.css">
  <script src="../js/JQ/jquery.js"></script>
  <script src="../js/layer-v3.5.1/layer/layer.js"></script>
</head>

<body>
  <header>
    <div>
      <span>&nbsp;服务类型</span>
    </div>
  </header>
  <div class="main_bg">

    <div class="form_bg">
      <div class="add">
        服务类型 <input id="type" type="text" name="name" placeholder="法务/财务/金融/政策服务">
        <span>服务状态</span>
        <select name="" id="state">
          <option value="全部">全部</option>
          <option value="启用">启用</option>
          <option value="禁用">禁用</option>
        </select>
        <button id="butNew" class="iconfont icon-jia" aria-hidden="true">新增</button>
        <button id="butReset" class="iconfont icon-zhongzhi" aria-hidden="true" onclick="clearInput();">重置</button>
        <button class="iconfont icon-chaxun" aria-hidden="true" id="butSearch" onclick="search();">查询</button>
      </div>
      <table>
        <thead>
          <tr>
            <th>序号</th>
            <th>服务类型</th>
            <th>图标</th>
            <th>服务状态</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody id="tbCard">

        </tbody>
      </table>
      <!-- 分页容器 -->
      <div id="lowerLbl" text-align="center">
        <div class="page">
            <button id="lastPage">上一页</button>
            <button id="pno">1</button>
            <button id="nextPage">下一页</button>
        </div>
    </div>
    </div>
  </div>
  <div class="newWeb" id="idNewWeb">
    <div class="newWeb_header">
      <span>添加</span>
    </div>
    <div class="newWeb_main">
      <span class="typeInpt">
        <span>序号</span>
        <input type="number" id="idMessage" placeholder="序号">
        <span id="star">* </span>
        服务名称：<input type="text" id="serviceType" placeholder="金融 / 财务 / 法务 / 政策服务">
      </span><br><br><br>
      <span>
        图标：
        <input id="icnSelect" type="text" placeholder="输入：￥ / $">
        </span>
      <span class="fuwu">服务状态：</span>
      <input id="statSelect" type="text" placeholder="输入 ；启用 / 禁用">
      <div class="submit">
        <button type="submit" id="enter" class="enter">提交</button>
        <button type="submit" id="esc" class="esc">取消</button>
      </div>
    </div>
  </div>
  <div class="newWeb" id="idNewWeb2">
    <div class="newWeb_header">
      <span>详情修改</span>
    </div>
    <div class="newWeb_main">
      <span class="typeInpt">
        <span>序号</span>
        <input type="number" id="idMessage2" placeholder="序号">
        <span id="star">* </span>
        服务名称：<input type="text" id="serviceType2" placeholder="金融 / 财务 / 法务 / 政策服务">
      </span><br><br><br>
      <span>
        图标：
        <input id="icnSelect2" type="text" placeholder="输入：￥ / $">
        </span>
      <span class="fuwu">服务状态：</span>
      <input id="statSelect2" type="text" placeholder="输入 ；启用 / 禁用">
      <div class="submit">
        <button type="submit" id="enter2" class="enter">修改</button>
        <button type="submit" id="esc2" class="esc">取消</button>
      </div>
    </div>
  </div>
  <script src="../js/Js_LL/dataLL.js"></script>
  <script type="text/javascript" src="../js/Js_LL/ServiceZSCG.js"></script>
</body>

</html>